<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>景秀教育</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="telephone =no,email=no" name="format-detection" />  <!--屏蔽点击自动转换拨打电话-->
		<!--[if lt IE9]-->  <!-- 兼容IE9或以上-->
		<srcipt src="../js/html5.js"></srcipt>
		<!--<script src="respond.js"></script>-->
		<!--[endif]-->		
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery.bxslider.js"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css"/>
		<script type="text/javascript" src="js/click.js" ></script>
	</head>
	<body>
		<div class="box header">
		<header class="clearfix">
			<div class="logo">
				<a href="index.html"><img src="img/logo.jpg" /></a>
			</div>
			<nav>
				<ul class="clearfix">
					<li style="background: #5c5c5c;"><a href="index.html">首页</a></li>
					<li><a href="survey/synopsis.html">学院概况</a></li>
					<li><a href="course/environment.html">课程设置</a></li>
					<li><a href="school/be reborn.html">校园风采</a></li>
					<li><a href="#stu">学员作品</a></li>
					<li><a href="teacher/teacher.html">师资力量</a></li>
					<li><a href="service/apply.html">学院服务</a></li>
					<li><a href="call/call.html">联系我们</a></li>
				</ul>
			</nav>
			<div class="title">
				走过的路到了以后回想起来全是风景！
			</div>
			<div class="click">
				<img src="img/menuClick.png" id="menu-click"/>
			</div>
		</header>
		<div class="none" id="menu">
			<ul>
					<li><a href="index.html" style="color: white;">首页</a></li>
					<li><a href="survey/synopsis.html">学院概况</a></li>
					<li><a href="course/environment.html">课程设置</a></li>
					<li><a href="school/be reborn.html">校园风采</a></li>
					<li><a href="#stu">学员作品</a></li>
					<li><a href="teacher/teacher.html">师资力量</a></li>
					<li><a href="service/apply.html">学院服务</a></li>
					<li><a href="call/call.html">联系我们</a></li>
			</ul>
		</div>
		</div>
		<div id="pudian">
			
		</div>
		<div class="banner">
			<div class="slide"><a href="course/Android.html"><img src="img/banner1.jpg"></a></div>
			<div class="slide"><a href="course/media.html"><img src="img/banner2.jpg"></a></div>
			<div class="slide"><a href="course/H5.html"><img src="img/banner3.jpg"></a></div>
			<div class="slide"><a href="course/environment.html"><img src="img/banner4.jpg"></a></div>
			<div class="slide"><a href="course/PHP.html"><img src="img/banner5.jpg"></a></div>
			<div class="slide"><a href="course/number.html"><img src="img/banner6.jpg"></a></div>
			<div class="slide"><a href="course/big data.html"><img src="img/banner7.jpg"></a></div>
		</div>
		<div class="sec">
			<div class="service">
				<h2>学院服务</h2>
				<ul class="clearfix">
					<li class="clearfix">
						<img src="img/service_1_2.jpg" />
						<img src="img/service_1_1.jpg" />
						<a href="service/apply.html">
							报名流程
							<span>迈出成功的第一步</span>
						</a>
						<p><a href="service/apply.html">报名</a></p>
					</li>
					<li class="clearfix">
						<img src="img/service_2_2.jpg" />
						<img src="img/service_2_1.jpg" />
						<a href="service/question.html">
							常见问题
							<span>问题的答案就在这里</span>
						</a>
						<p><a href="service/question.html">问题</a></p>
					</li>
					<li class="clearfix">
						<img src="img/service_3_2.jpg" />
						<img src="img/service_3_1.jpg" />
						<a href="service/waylineroad.html">
							行车路线
							<span>准确快速地找到我们</span>
						</a>
						<p><a href="service/waylineroad.html">路线</a></p>
					</li>
					<li class="clearfix">
						<img src="img/service_4_2.jpg" />
						<img src="img/service_4_1.jpg" />
						<a href="service/service.html">
							就业服务
							<span>帮学生找到满意工作</span>
						</a>
						<p><a href="service/service.html">就业</a></p>
					</li>
				</ul>
			</div>
			<div class="container">
				<h2>课程设置</h2>
				<ul class="clearfix">
					<li>
						<a href="course/environment.html">
						<img src="img/course_03.jpg">
						<div class="one">
							<h2>环境艺术设计</h2>
							<p>底薪+项目提成的工资组合，更能够通过自己的努力和勤奋，实现自我的肯定。在北京大量项目经验的积累之后，环艺专业的学生也更容易过渡到自主创业阶段......</p>
						</div>
						</a>
					</li>
					<li>
						<a href="course/number.html">
						<img src="img/course_05.jpg">
						<div class="two">
							<h2>数字影视动画</h2>
                          	<p>掌握系统动画理论，具备影视动画绘制及动画设计知识，能够熟练地从事影视动画制作、影视特效设计、游戏美术设计等工作的应用型高级专业人才......</p>
						</div>
						</a>
					</li>
					<li>
						<a href="course/big data.html">
						<img src="img/course_11.jpg">
						<div class="one">
							<h2>大数据云计算</h2>
                           <p>云计算与大数据专业旨在培养既具备前沿的软件工程思想，又具备大数据分析与处理、云计算服务端与客户端开发等方面的能力，能够胜任基于云平台开发，云平台搭建......</p>
						</div>
						</a>
					</li>
					<li>
						<a href="course/PHP.html">
						<img src="img/course_08.jpg">
						<div class="two">
							<h2>PHP网站开发</h2>
                        	 <p>php是生于互联网,成长于互联网,是计算机软件行业中,专业的互联网开发编程语言,是专门开发互联网软件程序的网络编程语言。北京软件工程师每年需求达5万人......</p>
						</div>
						</a>
					</li>
					<li class="icon">
						<a href="course/H5.html">
						<img src="img/course_10.jpg">
						<div class="one">
							<h2>H5响应市开发</h2>
                          	<p>Web前端工程师是市场上紧缺的高级人才,每天都有数万家企业招聘该岗位.HTML5的兴起在互联网的发展史上是一次影响深远的技术革命,彻底解决跨平台、跨设备等技术难题,是众多IT男趋之若鹜的开发利器......</p>
						</div>
						</a>
					</li>
					<li class="icon">
						<a href="course/Android.html">
						<img src="img/course_12.jpg">
						<div class="two">
							<h2>Android移动开发</h2>
                          	<p>行业入行平均月薪10000-15000元,1-2年经验15000-20000元,薪资领先互联网相关行业.主要课程:JAVASE初级、JAVASE高级、JAVAEE、android初级、android高.....</p>
						</div>
						</a>
					</li>
					<li class="icon">
						<a href="course/media.html">
						<img src="img/course_17.jpg">
						<div class="one">
							<h2>传媒艺术设计</h2>
                        	<p>UI设计师是目前中国信息产业中最为抢手的人才之一。UI简称用户界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。就业方向分为：界面设计师、交互设计师、用户测试/研究工程师......</p>
						</div>
						</a>
					</li>
					<li class="icon">
						<a href="course/students.html">
						<img src="img/course_18.jpg">
						<div class="two">
							<h2>大学生上岗培训</h2>
                          	<p>大学毕业生难于就业的根本原因就是没有一技之长。中关村学院景秀校企合作中心开办的大学生岗前实训班，其宗旨就是要帮助更多的大学毕业生解决就业难、高薪就业......</p>
						</div>
						</a>
					</li>
					<li class="icon">
						<a href="course/university.html">
						<img src="img/course_19.jpg">
						<div class="one">
							<h2>大学直通车</h2>
                         	<p>实行半封闭式、军事化管理，传统文化教育贯穿始终，为有志于从事电脑艺术设计和计算机软件开发专业的适龄（符合国家报考规定）非高中毕业生提供全面的培养计划......</p>
						</div>
						</a>
					</li>
					<input id="con" type="button" value="更多" class="a">
				</ul>
			</div>
			<div class="top">
				<h2>校园风采<span>MORE>></span></h2>
				<ul class="clearfix">
					<li>
						<a href="school/sport.html"><img src="img/campus_03.gif" /></a>
						<h3><a href="school/sport.html">趣味运动会</a></h3>
						<p class="ellipsis">运动会中学生们在积极配合的完成比赛</p>
					</li>
					<li>
						<a href="school/base.html"><img src="img/campus_05.gif" /></a>
						<h3><a href="school/base.html">环艺实习基地</a></h3>
						<p class="ellipsis">环艺学生在实训中讨论设计方案</p>
					</li>
					<li>
						<a href="school/Christmas.html"><img src="img/campus_07.gif" /></a>
						<h3><a href="school/Christmas.html">圣诞晚会</a></h3>
						<p class="ellipsis">圣诞晚会上学生们正在表演自编自导的舞蹈</p>
					</li>
					<li>
						<a href="school/big student.html"><img src="img/campus_12.gif" /></a>
						<h3><a href="school/big student.html">大学生实训基地</a></h3>
						<p class="ellipsis">大学生实训中学生正在认真听讲</p>
					</li>
					<li>
						<a href="school/perform.html"><img src="img/campus_13.gif" /></a>
						<h3><a href="school/perform.html">观看话剧表演</a></h3>
						<p class="ellipsis">学生业余时间观看话剧表演</p>
					</li>
					<li>
						<a href="school/be reborn.html"><img src="img/campus_15.gif" /></a>
						<h3><a href="school/be reborn.html">新生军训</a></h3>
						<p class="ellipsis">新生正在进行刻苦的训练</p>
					</li>
				</ul>
			</div>
			<div class="center clearfix" id="stu">
				<h2>学员作品</h2>
				<ul class="clearfix">
				<li>
					<img src="img/works_03.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《相机》<span>高艺1班-张超</span></p>
					</div>
				</li>
				<li>
					<img src="img/works_04.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《播放器》<span>高艺1班-樊嘉鑫</span></p>
					</div>
				</li>
				<li>
					<img src="img/works_05.jpg">
					<div class="po">
						<h4>app设计作品</h4>
						<p>《百味书屋》<span>高艺1班-张改改</span></p>
					</div>
				</li>
				<li>
					<img src="img/works_06.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《候鸟》<span>高艺2班-周成林</span></p>
					</div>
				</li>
				<li>
					<img src="img/works_07.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《播放界面》<span>高艺2班-周雪娇</span></p>
					</div>
				</li>
				<li>
					<img src="img/works_09.jpg">
					<div class="po">
						<h4>用户界面作品</h4>
						<p>《播放界面》<span>高艺2班-陈瑶</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_10.jpg">
					<div class="po">
						<h4>app设计作品</h4>
						<p>《吾食》<span>高艺2班-郭晓东</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_11.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《minivan》<span>高艺2班-张娇娇</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_12.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《保险箱》<span>高艺2班-高敬</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_13.jpg">
					<div class="po">
						<h4>写实图标作品</h4>
						<p>《玉镯》<span>高艺2班-刘栋梁</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_14.jpg">
					<div class="po">
						<h4>室内设计作品</h4>
						<p>《会所》<span>环艺1班-曹军庆</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_15.jpg">
					<div class="po">
						<h4>室内设计作品</h4>
						<p>《售楼处》<span>环艺1班-付洁琼</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_16.jpg">
					<div class="po">
						<h4>室内设计作品</h4>
						<p>《办公室》<span>环艺1班-彭帅</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_17.jpg">
					<div class="po">
						<h4>室内设计作品</h4>
						<p>《餐厅》<span>环艺1班-李增俊</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_18.jpg">
					<div class="po">
						<h4>室内设计作品</h4>
						<p>《客厅》<span>环艺1班-孙一晶</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_19.jpg">
					<div class="po">
						<h4>室内设计作品</h4>
						<p>《酒吧》<span>环艺1班-张国锋</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_20.jpg">
					<div class="po">
						<h4>3D模型作品</h4>
						<p>《擎天柱》<span>大二动画班-常雪江</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_21.jpg">
					<div class="po">
						<h4>动画短片</h4>
						<p>《火星基地》<span>大二动画班-吴浩楠</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_22.jpg">
					<div class="po">
						<h4>3D模型作品</h4>
						<p>《重型机甲》<span>大二动画班-李佳钰</span></p>
					</div>
				</li>
				<li class="qcon">
					<img src="img/works_23.jpg">
					<div class="po">
						<h4>3D模型作品</h4>
						<p>《生化实验室》<span>大二动画班-张可</span></p>
					</div>
				</li>
				</ul>
				<input id="cen" type="button" value="更多" class="a">
			</div>
			<div class="bottom clearfix">
				<h2>明星学子</h2>
				<ul class="clearfix">
				<li>
					<img src="img/star_03.jpg">
					<div class="star">
						<p>曹军庆<span>菲律宾晟巨集团</span></p>
						<h4>月薪12000</h4>
					</div>
				</li>
				<li>
					<img src="img/star_05.jpg">
					<div class="star">
						<p>董倩汝<span>北京鸣仁别墅装饰设计</span></p>
						<h4>月薪8500</h4>
					</div>
				</li>
				<li>
					<img src="img/star_07.jpg">
					<div class="star">
						<p>彭帅<span>菲律宾晟巨集团</span></p>
						<h4>月薪12000</h4>
					</div>
				</li>
				<li>
					<img src="img/star_09.jpg">
					<div class="star">
						<p>贾晓颖<span>北京鸣仁别墅装饰设计</span></p>
						<h4>月薪8500</h4>
					</div>
				</li>
				<li>
					<img src="img/star_15.jpg">
					<div class="star">
						<p>范婷婷<span>中央电视台</span></p>
						<h4>月薪10000</h4>
					</div>
				</li>
				<li>
					<img src="img/star_16.jpg">
					<div class="star">
						<p>要国维<span>北京兰格装饰有限公司</span></p>
						<h4>月薪10000</h4>
					</div>
				</li>
				<li class="wcon">
					<img src="img/star_17.jpg">
					<div class="star">
						<p>李小燕<span>中非贸易有限公司</span></p>
						<h4>月薪8000</h4>
					</div>
				</li>
				<li class="wcon">
					<img src="img/star_18.jpg">
					<div class="star">
						<p>张冠宇<span>北京艺彩昭和公司</span></p>
						<h4>月薪10000</h4>
					</div>
				</li>
				<li class="wcon">
					<img src="img/star_24.jpg">
					<div class="star">
						<p>汪瑞<span>好车无忧网</span></p>
						<h4>月薪18000</h4>
					</div>
				</li>
				<li class="wcon">
					<img src="img/star_25.jpg">
					<div class="star">
						<p>王丽雪<span>独立影视制作人</span></p>
						<h4>年薪25万</h4>
					</div>
				</li>
				<li class="wcon">
					<img src="img/star_26.jpg">
					<div class="star">
						<p>王宇<span>ZGAME</span></p>
						<h4>月薪10000</h4>
					</div>
				</li>
				<li class="wcon">
					<img src="img/star_27.jpg">
					<div class="star">
						<p>闫杰<span>独立影视特效师</span></p>
						<h4>年薪20万</h4>
					</div>
				</li>
				</ul>
				<input id="can" type="button" value="更多" class="a">
			</div>
			<div class="end clearfix">
				<h2>就业单位</h2>
				<p><img src="img/employment_03.jpg"></p>
				<p><img src="img/employment_05.jpg"></p>
				<p><img src="img/employment_07.jpg"></p>
				<p><img src="img/employment_09.jpg"></p>
				<p><img src="img/employment_11.jpg"></p>
				<p><img src="img/employment_13.jpg"></p>
				<p class="cqnd"><img src="img/employment_21.jpg"></p>
				<p class="cqnd"><img src="img/employment_22.jpg"></p>
				<p class="cqnd"><img src="img/employment_23.jpg"></p>
				<p class="cqnd"><img src="img/employment_24.jpg"></p>
				<p class="cqnd"><img src="img/employment_25.jpg"></p>
				<p class="cqnd"><img src="img/employment_26.jpg"></p>
				<p class="cqnd"><img src="img/employment_33.jpg"></p>
				<p class="cqnd"><img src="img/employment_34.jpg"></p>
				<p class="cqnd"><img src="img/employment_35.jpg"></p>
				<p class="cqnd"><img src="img/employment_36.jpg"></p>
				<p class="cqnd"><img src="img/employment_37.jpg"></p>
				<p class="cqnd"><img src="img/employment_38.jpg"></p>
				<input id="cqn" type="button" value="更多" class="a">
			</div>
		</div>
		<div class="box">
			<footer>
				<ul class="clearfix">
					<li>
						<p>咨询电话：010-58447031</p>
						<p>010-58447030</p>
					</li>
					<li>
						<p>咨询邮箱：bjjxkj@126.com</p>
						<p>&nbsp;Mobile :&nbsp;15321575023</p>
					</li>
					<li>
						<p>咨询QQ：1718693915</p>
						<p>1019959019</p>
						<p>1382590170</p>
					</li>
					<li>
						<p class="ellipsis">学院网址：http://www.zgcxueyuan.com</p>
						<p>学院地址：中关村学院二分院（北京市</p>
						<p>海淀区中关村环保科技园温阳路170号）</p>
					</li>
				</ul>
			</footer>
		</div>
		<div id="back-to-top">
			<img src="img/top.gif">
		</div>
	</body>
	<script type="text/javascript">
		var input = document.getElementsByClassName('a');
		for (i=0;i<input.length;i++) {
			input[i].onclick=function(){
				if (this.value=="更多") {
					this.value="收回";
				} else{
					this.value="更多";
				}
			}
		}
		
		$(function(){ 
		$(function() { 
		$(window).scroll(function(){ 
		if ($(window).scrollTop()>300){ 
		$("#back-to-top").fadeIn(1500); 
		} 
		else
		{ 
		$("#back-to-top").fadeOut(1500); 
		} 
		}); 
		 
		$("#back-to-top").click(function(){ 
		$('body,html').animate({scrollTop:0},1000); 
		return false; 
		}); 
		}); 
		}); 

	</script>
</html>
